import { getJokeListAPI } from "../api/joke"

interface JokeData{
  List: string[]
}

loading:false //给加载页面一个阀门

// joke/joke.ts
Page<JokeData , any>({

  /**
   * 页面的初始数据
   */
  data: {
    refreshIng:false, //给下拉设置一个状态
    List:[]
  },

    // 下拉方法
    async refresh(){
      wx.showToast({title:'下拉'})
      await this.getJokeList() // 重新渲染新数数据
      this.setData({refreshIng:false})  //关闭下拉状态
      wx.hideLoading()
    },
    // 加载下页数据
     async loadData(){
       if(!this.loading){
        wx.showToast({title:'加载中....'})
        this.loading = true // 占用这个坑位
        const List = await getJokeListAPI({ num: 10 })
        this.setData({
          List:[...this.data.List, ...List]
        })
        wx.hideLoading()
        this.loading = false
       }
      
      
    },

    async getJokeList () {
      const List = await getJokeListAPI({ num: 10 })
     this.setData({
      List
     })
      
   },
  /**
   * 生命周期函数--监听页面加载
   */
  onLoad() {
    this.getJokeList()
  },

  /**
   * 生命周期函数--监听页面初次渲染完成
   */
  onReady() {

  },

  /**
   * 生命周期函数--监听页面显示
   */
  onShow() {

  },

  /**
   * 生命周期函数--监听页面隐藏
   */
  onHide() {

  },

  /**
   * 生命周期函数--监听页面卸载
   */
  onUnload() {

  },

  /**
   * 页面相关事件处理函数--监听用户下拉动作
   */
  onPullDownRefresh() {

  },

  /**
   * 页面上拉触底事件的处理函数
   */
  onReachBottom() {

  },

  /**
   * 用户点击右上角分享
   */
  onShareAppMessage() {

  }
})